<template>
    <div class="home-page">
        <AppHeader />
        <AppBanner />
        <ProductList />
        <CategoryList />
        <AppFooter />
    </div>
</template>

<script>
import AppHeader from "@/components/AppHeader.vue";
import AppBanner from "@/components/AppBanner.vue";
import ProductList from "@/components/ProductList.vue";
import CategoryList from "@/components/CategoryList.vue";
import AppFooter from "@/components/AppFooter.vue";

export default {
    name: "HomePage",
    components: {
        AppHeader,
        AppBanner,
        ProductList,
        CategoryList,
        AppFooter,
    },
};
</script>
